home *** CD-ROM | disk | FTP | other *** search
/ MacWorld 2000 June (IDG) / Macworld_June_2000.iso / Serious Software / NodeSaVR 1.01 / HTML Templates / Advanced Demo / Advanced < prev    next >
Encoding:
Text File  |  2000-03-08  |  4.9 KB  |  155 lines  |  [TEXT/nsVR]
  1. <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
  2. <html>
  3. <head>
  4.    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.    <meta name="GENERATOR" content="Mozilla/4.61 (Macintosh; I; PPC) [Netscape]">
  6.    <title>Advanced Example Using %%MultiNodeFileName%%</title>
  7. <script LANGUAGE="JavaScript" SRC="descriptions/buttons.js"></script>
  8. </head>
  9. <body text="#000000" bgcolor="#E6E6E6" link="#0000FF" vlink="#551A8B" alink="#0000FF" background="images/SMGbg.jpeg"
  10. onLoad="MM_preloadImages('images/overpict1.gif','#926172457601');
  11. MM_preloadImages('images/overpict2.gif','#926172457602');
  12. MM_preloadImages('images/overpict3.gif','#926172457603');
  13. MM_preloadImages('images/overpict4.gif','#926172457604');
  14. MM_preloadImages('images/overpict5.gif','#926172457605');
  15. MM_preloadImages('images/overpict6.gif','#926172457606');
  16. MM_preloadImages('images/overpict7.gif','#926172457607');
  17. MM_preloadImages('images/overpict8.gif','#926172457608');
  18. MM_preloadImages('images/overpict9.gif','#926172457609');
  19. MM_preloadImages('images/overpict10.gif','#926172457610');">
  20.  
  21. <table CELLSPACING=0 CELLPADDING=0 >
  22. <tr>
  23. <td ALIGN=LEFT VALIGN=TOP WIDTH="240">
  24. <br> 
  25. <br> 
  26. <br> 
  27. <br> 
  28. <p><img SRC="images/logo5.gif" BORDER=0 height=28 width=130>
  29. <br><b><font color="#0E0478"><font size=+2>Advanced Automation Example
  30. Using JavaScript</font></font></b>
  31. <p><font color="#0E0478">The text area you see below each panorama node
  32. is being loaded using Dynamic HTML or DHTML and is basically accomplished
  33. by the following JavaScript code in a template:</font>
  34. <p><img SRC="images/javapict.gif" height=217 width=232></td>
  35.  
  36. <td ALIGN=LEFT VALIGN=TOP>
  37. <center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
  38. <tr>
  39. <td WIDTH="8" BACKGROUND="images/QTPtoplft.gif"> </td>
  40.  
  41. <td ALIGN=LEFT VALIGN=CENTER WIDTH="20" BACKGROUND="images/QTPtop1.gif"><font size=-2> <img SRC="images/QTPbox.gif" height=13 width=10></font> </td>
  42.  
  43. <td WIDTH="15" BACKGROUND="images/QTPtop2.gif"> </td>
  44.  
  45. <td WIDTH="15" BACKGROUND="images/QTPtop3.gif"> </td>
  46.  
  47. <td WIDTH="15" BACKGROUND="images/QTPtop4.gif"> </td>
  48.  
  49. <td ALIGN=CENTER VALIGN=CENTER WIDTH="15" BACKGROUND="images/QTPtop5.gif"><b><font size=+1> </font></b></td>
  50.  
  51. <td ALIGN=CENTER VALIGN=CENTER NOWRAP WIDTH="15" BACKGROUND="images/QTPtop5.gif">
  52. <center><b><nobr>%%MultiNodeFileName%%</nobr></b></center>
  53. </td>
  54.  
  55. <td WIDTH="15" BACKGROUND="images/QTPtop6.gif">
  56. <center><b><nobr> </nobr></b></center>
  57. </td>
  58.  
  59. <td WIDTH="15" BACKGROUND="images/QTPtop7.gif">
  60. <center><b><nobr> </nobr></b></center>
  61. </td>
  62.  
  63. <td WIDTH="15" BACKGROUND="images/QTPtop8.gif"> </td>
  64.  
  65. <td WIDTH="15" BACKGROUND="images/QTPtop9.gif"> </td>
  66.  
  67. <td WIDTH="15" BACKGROUND="images/QTPtop10.gif"> </td>
  68.  
  69. <td WIDTH="22" HEIGHT="22" BACKGROUND="images/QTPtopRt.gif"> </td>
  70. </tr>
  71.  
  72. <tr>
  73. <td BACKGROUND="images/QTPlft.gif"> </td>
  74.  
  75. <td ALIGN=CENTER VALIGN=TOP COLSPAN="11" BACKGROUND="images/QTPFill.gif">
  76. <center><embed SRC="%%NodeFileName%%" WIDTH="%%NodeWidth%%" HEIGHT="%%NodeHeight%%" BGCOLOR="#E6E6E6" CACHE="TRUE"  CONTROLLER="TRUE" %%HotSpots%%></embed></center>
  77.  
  78. <table BORDER=0 CELLSPACING=0 CELLPADDING=2  width="%%NodeWidth%%">
  79. <tr>
  80. <td><script language="JavaScript" src="descriptions/description%%NodeNumber%%.txt"> </script></td>
  81. </tr>
  82. </table>
  83. </td>
  84.  
  85. <td BACKGROUND="images/QTPRt.gif"> </td>
  86.  
  87. <td></td>
  88.  
  89. <td></td>
  90.  
  91. <td></td>
  92.  
  93. <td></td>
  94.  
  95. <td></td>
  96.  
  97. <td></td>
  98.  
  99. <td></td>
  100.  
  101. <td></td>
  102.  
  103. <td></td>
  104.  
  105. <td> </td>
  106. </tr>
  107.  
  108. <tr>
  109. <td WIDTH="8" HEIGHT="87" BACKGROUND="images/QTPBtmLft1.gif"> </td>
  110.  
  111. <td WIDTH="22" BACKGROUND="images/2QTPBtmLft.gif"> </td>
  112.  
  113. <td BACKGROUND="images/QTPBtm1.gif"> </td>
  114.  
  115. <td BACKGROUND="images/QTPBtm2.gif"> </td>
  116.  
  117. <td BACKGROUND="images/QTPBtm3.gif"> </td>
  118.  
  119. <td BACKGROUND="images/QTPBtm4.gif"> </td>
  120.  
  121. <td ALIGN=CENTER VALIGN=CENTER BACKGROUND="images/QTPBtm5.gif"><img SRC="images/pict%%NodeNumber%%.gif" ALT="Graphic" BORDER=0 height=32 width=32 align=LEFT><b><font color="#858585"><font size=+1>Node
  122. %%NodeNumber%%</font></font></b>
  123. <br><b><font color="#C7C7C7"><font size=+1>%%NodeName%%</font></font></b></td>
  124.  
  125. <td BACKGROUND="images/QTPBtm6.gif"> </td>
  126.  
  127. <td BACKGROUND="images/QTPBtm7.gif"> </td>
  128.  
  129. <td BACKGROUND="images/QTPBtm8.gif"> </td>
  130.  
  131. <td BACKGROUND="images/QTPBtm9.gif"> </td>
  132.  
  133. <td WIDTH="20" BACKGROUND="images/QTPBtmRt1.gif"> </td>
  134.  
  135. <td BACKGROUND="images/QTPBtmRt2.gif"> </td>
  136.  
  137. <td></td>
  138.  
  139. <td></td>
  140. </tr>
  141. </table></center>
  142.  
  143. <center>This <a href="http://www.GreatBuildings.com/buildings/Maybeck_Studio.html" target="blank">model</a>
  144. was constructed using <a href="http://www.greatbuildings.com/types/models/spatial_models.html" target="blank">Design
  145. WorkShop</a>
  146. <br>by <a href="http://www.artifice.com/" target="blank">Artifice </a>and
  147. is part of the <a href="http://www.greatbuildings.com/buildings.html" target="blank">Great
  148. Buildings collection</a>.</center>
  149. </td>
  150. </tr>
  151. </table>
  152.  
  153. </body>
  154. </html>
  155.